// 顶部固定
.top-fixed {
  // z-index: 9999;
  // @apply fixed top-0 left-0 right-0;
  .bg-wrap {
    background-color: #1a8cff;
  }
  .search-input {
    // 输入框外边距
    --search-padding: 0;
    //   输入框外背景
    --search-background-color: #1a8cff;
    //   输入框背景色
    --search-content-background-color: rgba(238, 238, 238, 0.12);
    // 字体大小
    --cell-font-size: 26px;
    // 输入框文字颜色
    --input-color: #fff;
  }
  .filter-dropdown {
    --dropdown-menu-title-font-size: 28px;
    --dropdown-menu-title-color: #2c2c35;
    --dropdown-menu-title-active-color: #1a8cff;
    .filter-dropdown-cell {
      --cell-font-size: 28px;
      --cell-text-color: #2c2c35;
      --cell-border-color: #fff;
      &.checked {
        --cell-text-color: #1a8cff;
      }
    }
    // 操作按钮
    .filter-opt {
      height: 144px;
      border-top: 1px solid #f7f7fb;
      @apply box-border flex-none flex flex-row items-center justify-center pt-50px pb-16px;
      .filter-opt-btn {
        --button-border-radius: 8px;
        --button-medium-height: 78px;
        --padding-md: 78px;
      }
      .filter-opt-btn:last-child {
        margin-left: 60px;
      }
    }
  }
}
